<script setup lang="ts">
import { ref } from 'vue';
type listItem = {
  id: number
  name: string
}
// 复杂类型用泛型
const list = ref<listItem[]>([])

// 多个类型用泛型
const year = ref<string | number>(2023)

// 简单类型用默认推导即可
const msg = ref('我是个字符串')
list.value = [
  {
    id: 100,
    name: 'jack',
  }
]
</script>

<template>
  <div>
    {{ list[0].name }}
    <ul>
      <li v-for="item in list" :key="item.id">
        {{ item.name }}
      </li>
    </ul>
  </div>
</template>

<style scoped>
</style>
